@charset "utf-8";
.s1{
width:1200px;
min-width: 1200px;
margin: 0 auto;
height:656px;
}
.s1 h3{
 width:100%;
 text-align:center;
 font-size: 28px;
 margin-top:40px;
}
.s1 h5{
color:#b2b2b2;
font-size:14px;
margin-top:17px;
margin-bottom:7px;
font-weight:500;
text-align:center;
}
.s1 .line{
width: 45px;
display:block;
height:3px;
background: #0116e9;
margin: auto;
}
.g1 ul {
width:100%;
margin-top: 40px;
}
.g1 ul li{
float:left;
width: 25%;
height:266px;
}
.g1 ul li i{
display:block;
width: 103px;
height: 103px;
border-radius: 100%;
box-shadow: 0  0 20px  rgba(0,0,0,.2);
background: url(../imgs/icon1.jpg) no-repeat center;
}
.g1 ul li p{
font-size: 16px;
line-height: 25px;
text-align:left;
margin-top:15px;
}
.g1 ul li p:nth-of-type(2){
font-size: 14px;
color:#666;
box-sizing:border-box;
padding-right:45px;
}
.g1 ul li:nth-of-type(2) i{background: url(../imgs/icon2.jpg) no-repeat center;}
.g1 ul li:nth-of-type(3) i{background: url(../imgs/icon3.jpg) no-repeat center;}
.g1 ul li:nth-of-type(4) i{background: url(../imgs/icon4.jpg) no-repeat center;}
.g1 ul li:nth-of-type(5) i{background: url(../imgs/icon5.jpg) no-repeat center;}
.g1 ul li:nth-of-type(6) i{background: url(../imgs/icon6.jpg) no-repeat center;}
.g1 ul li:nth-of-type(7) i{background: url(../imgs/icon7.jpg) no-repeat center;}
.g1 ul li:nth-of-type(8) i{background: url(../imgs/icon8.jpg) no-repeat center;}
/**����**/
.s2{
width: 100%;
min-width: 1200px;
height:580px;
background:url(../imgs/tu3.jpg) no-repeat center;
}
.s2 .s2_center {
width: 1200px;
height:580px;
margin:auto;
position:relative;
}
.s2 .s2_center .s2_info{
width: 805px;
height:480px;
position:absolute;
right:0;
top:60px;
background:#fff;
padding: 40px 20px;
}
.s2 .s2_center .s2_info .s2_t{
line-height: 37px;
color: #333;
}
.s2 .s2_center .s2_info .s2_t h2{
font-size: 24px;
font-weight:500;
width:80%;
float:left;
}
.s2 .s2_center .s2_info .s2_t a{
display:inline-block;
width: 120px;
height: 37px;
border-radius: 5px;
background: #dcebff;
text-align:center;
float:right;
}
.s2 .s2_center .s2_info .s2_t a:hover{color:#333;opacity:0.8;}
.s2 .s2_center .s2_info .s2_intro{
color:#666;
letter-spacing:1px;
line-height:30px;
font-size:14px;
clear:both;
padding-top: 30px;
}
.s2 .s2_center .s2_info ul{padding-left: 40px;}
.s2 .s2_center .s2_info ul li{
width: 80px;
height:110px;
float:left;
margin-right: 45px;
text-align:center;
margin-top: 20px;
}
.s2 .s2_center .s2_info ul li i{
display:block;
width: 100%;
height: 80px;
border-radius: 100%;
border: 1px solid #4d5ffd;
background:url(../imgs/icon9.jpg) no-repeat center;
}
.s2 .s2_center .s2_info ul li:nth-of-type(2) i{background:url(../imgs/icon10.jpg) no-repeat center;}
.s2 .s2_center .s2_info ul li:nth-of-type(3) i{background:url(../imgs/icon11.jpg) no-repeat center;}
.s2 .s2_center .s2_info ul li:nth-of-type(4) i{background:url(../imgs/icon12.jpg) no-repeat center;}
.s2 .s2_center .s2_info ul li:nth-of-type(5) i{background:url(../imgs/icon13.jpg) no-repeat center;}
.s2 .s2_center .s2_info ul li p{line-height: 30px;color:#666;}
/***���ǵĲ�Ʒ**/
.g2{
height: 950px;
}
.g2 ul {
width:100%;
margin-top: 30px;
}
.g2 ul li{
float:left;
width: 367px;
height:290px;
text-align:center;
box-shadow: 0 0 15px #f3f3f3;
border-radius: 5px;
position:relative;
margin-right: 49px;
margin-bottom: 65px;
overflow:hidden;
box-shadow: 0 0 20px #dedede;
}
.g2 ul li:nth-of-type(3n){
margin-right: 0;
}
.g2 ul li p{
color:#777;
}
.g2 ul li p:first-of-type{
background:linear-gradient(to right,#fd8d79, #feb06e);
line-height: 160px;
color:#fff;
font-size:28px;
}
.g2 ul li:nth-of-type(2) p:first-of-type{background:linear-gradient(to right,#30cec4, #34db97);}
.g2 ul li:nth-of-type(3) p:first-of-type{background:linear-gradient(to right,#7f8cff, #1a88f9);}
.g2 ul li:nth-of-type(4) p:first-of-type{background:linear-gradient(to right,#7176e1, #a3a8fe);}
.g2 ul li:nth-of-type(5) p:first-of-type{background:linear-gradient(to right,#388ffd, #5ea0ff);}
.g2 ul li:nth-of-type(6) p:first-of-type{background:linear-gradient(to right,#fe8d79, #feb170);}
.g2 ul li p:nth-of-type(2){
padding: 60px 30px 0;
line-height: 25px;
}
.g2 ul li i{
display:block;
width: 86px;
height: 86px;
border-radius:100%;
box-shadow: 0 0 15px #ccc;
position: absolute;
left: 50%;
top: 50%;
margin-left: -43px;
margin-top: -30px;
background: #fff url(../imgs/icon14.jpg) no-repeat center;
}
.g2 ul li a{
    width: 100%;
    margin: 0;
    height: 290px;
    background: #fff;
}
.g2 ul li a:hover{opacity:1;}
.g2 ul li:nth-of-type(2) i{background: #fff url(../imgs/dushucode.jpg) no-repeat center;}
.g2 ul li:nth-of-type(3) i{background: #fff url(../imgs/icon15.jpg) no-repeat center;}
.g2 ul li:nth-of-type(4) i{background: #fff url(../imgs/icon18.jpg) no-repeat center;}
.g2 ul li:nth-of-type(5) i{background: #fff url(../imgs/icon17.jpg) no-repeat center;}
.g2 ul li:nth-of-type(6) i{background: #fff url(../imgs/icon16.jpg) no-repeat center;}
.g2 a{
 display: block;
 width: 130px;
 height:37px;
 background:#000aca;
 text-align:center;
 line-height:37px;
 color:#fff;
 margin: 30px auto;
 border-radius: 3px;
 clear:both;
}

.g2 a:hover{opacity: 0.8;}
.g2 .p_mask{
	width: 100%;
    height: 290px;
    position: absolute;
    left: 0;
    top: 100%;
    background: rgba(255,255,255,1);
    box-sizing: border-box;
    padding: 20px;
}
/***΢��С������**/
.s1_par{
width:100%;
height:530px;
background:#f1f1f1;
}
.s1_par .s1{
height: 530px;
padding-top: 40px;
}
.s1_par .s1 h3{margin-top: 0;}
.s1_par .g3 ul{
margin-top: 40px;
}
.s1_par .g3 ul li{
width: 360px;
height: 100px;
float:left;
margin-right:60px;
margin-bottom: 55px;
}
.s1_par .g3 ul li:nth-of-type(3n){margin-right: 0;}
.s1_par .g3 ul li i{
display:inline-block;
width:100px;
height:100px;
border-radius:100%;
box-shadow: 0 0 20px rgba(0,0,0,.2);
background:#fff url(../imgs/icon19.jpg) no-repeat center;
float:left;
}
.s1_par .g3 ul li h3{
	width:100%;
	padding-left: 120px;
	text-align:left;
	font-size: 20px;
	color:#333;
	font-weight:500;
	margin-bottom: 15px;
}
.s1_par .g3 ul li p{
	width:100%;
	padding-left: 120px;
}
.s1_par .g3 ul li:nth-of-type(2) i{background:#fff url(../imgs/icon20.jpg) no-repeat center;}
.s1_par .g3 ul li:nth-of-type(3) i{background:#fff url(../imgs/icon21.jpg) no-repeat center;}
.s1_par .g3 ul li:nth-of-type(4) i{background:#fff url(../imgs/icon24.jpg) no-repeat center;}
.s1_par .g3 ul li:nth-of-type(5) i{background:#fff url(../imgs/icon23.jpg) no-repeat center;}
.s1_par .g3 ul li:nth-of-type(6) i{background:#fff url(../imgs/icon22.jpg) no-repeat center;}
/***news**/
.g4{height:550px;}
.g4 ul{margin-top: 40px;}
.g4 ul li{
width: 440px;
height: 160px;
float:left;
margin-right:20px;
margin-bottom: 20px;
background:#ebeeef;
box-sizing: border-box;
padding: 20px;
}
.g4 ul li:nth-of-type(2n){margin-right: 0;width: 740px;}
.g4 ul li:nth-of-type(3){margin-bottom: 40px;}
.g4 ul li:nth-of-type(4){margin-bottom: 40px;}
.g4 ul li i{
display:inline-block;
width:155px;
height:120px;
float:left;
overflow:hidden;
}
.g4 ul li h3{
	width:100%;
	padding-left: 175px;
	text-align:left;
	font-size: 20px;
	color:#333;
	font-weight:500;
	line-height: 26px;
	margin-top: 0;
}
.g4 ul li p{
	width:100%;
	padding-left: 175px;
	color:#666;
	line-height:20px;
	overflow:hiddenl;
	height:60px;
	font-size:12px;
}
.g4 ul li span{
	display:block;
	width:100%;
	color:#666;
	line-height: 20px;
	padding: 5px 0 5px 175px;
	font-size:12px;
}
.g4 .g4_more a{
 display: block;
 width: 130px;
 height:37px;
 background:#000aca;
 text-align:center;
 line-height:37px;
 color:#fff;
 margin: 20px auto;
 border-radius: 3px;
 clear:both;
}
.g4 a:hover{opacity: 0.8;}
/**liucheng***/
.g5{height: 330px;}
.g5 .lc{
margin-top: 30px;
width: 100%;
height: 134px;
background: url(../imgs/tu2.jpg) no-repeat center;
}
/***dingzhi **/
.dz{
width:100%;
height:160px;
background:#e8e8e8;
}
.dz .g6{
	width: 1200px;
    min-width: 1200px;
    margin: 0 auto;
    height: 160px;
	padding:50px 0 0;
	position:relative;
}
.dz .g6 p{
width: 60%;
font-size: 30px;
line-height: 30px;
}
.dz .g6 p:nth-of-type(2){font-size: 18px;padding: 10px 0;color:#666;}
.dz .g6 a{
display: inline-block;
float:right;
width:110px;
height:50px;
border:1px solid #333;
line-height: 50px;
text-align:center;
position:absolute;
right: 0;
top: 50px;
font-size: 20px;
}
.dz .g6 a:hover{color:#fff;background:#000acb;opacity: 0.8;}
/*****/

